<div class="col-sm-12">
  <!-- BOX -->
  <div class="box">
    <div class="box-body">
      <div id="datatable1_wrapper" class="dataTables_wrapper form-inline" role="grid">
      	<div class="row">
          <div class="process col-sm-12">
              <div class=" col-sm-2"></div>
              <li class="processLi" id="scheduled" {{action "processSearch" "scheduled" on="click"}}>预定</li>
              <div class="process-line col-sm-3"></div>
              <li class="processLi" id="try" {{action "processSearch" "try" on="click"}}>试住</li>
              <div class="process-line col-sm-3"></div>
              <li class="processLi" id="checkin" {{action "processSearch" "checkin" on="click"}}>入住</li>
              <div class=" col-sm-3"></div>
          </div>
          <div class="col-sm-9">

        	  <!--搜索-->
            <div class="col-sm-5 nopadding-left">
        	    <div class="input-group">
                {{input class="form-control" type="text" placeholder="搜索姓名/联系电话" value=queryCondition enter="search"}}
      	        <span class="input-group-btn">
        		      <button class="btn btn-primary btn-reduce" type="button" style="touch-action: manipulation; -ms-touch-action: manipulation;" {{action "search" on="click"}}>
                    <i class="fa fa-search"></i>
                  </button>
      	        </span>
        	    </div>
        	  </div>
            <div class="col-sm-7 nopadding-left pull-left">
             <div class="data-title pull-left">按时间搜索：</div>
             <span class="date-range pull-left">
               <div class="btn-group">
                 <a class="js_update btn btn-default" href="#" {{action "search" "today" on="click"}}>今天</a>
                 <a class="js_update btn btn-default" href="#" {{action "search" "seven" on="click"}}>最近7天</a>
                 <a class="js_update btn btn-default hidden-xs" href="#" {{action "search" "thirty" on="click"}}>最近一个月</a>

                 <a id="reportrange" class="btn reportrange" {{action "showDate" on="click"}}>
                   <i class="fa fa-calendar"></i>
                   <span>自定义日期</span>
                   <i class="fa fa-angle-down"></i>
                 </a>
               </div>

               {{#if dateShow}}
               <!-- 日期选择弹窗 -->
               <div class="date-box form-input-group">
                   <div class="row">
                     <div class="col-xs-4 col-sm-4 org-title">开始时间：</div>
                     <!-- <div class="col-xs-8 col-sm-8">{{input class="input-group-content" type="date" value=beginDate}}</div> -->
                       <div class="col-xs-8 col-sm-8">
                     {{ui/addon/bs-datetimepicker date=null placeholder="开始时间"
                       locale="zh-CN" iconClasses="fa fa-calendar"
                        show="dpShowAction"  change="changeBeginDateAction"}}
                       </div>
                   </div>
                   <div class="row">
                     <div class="col-xs-4 col-sm-4 org-title">结束时间：</div>
                     <!-- <div class="col-xs-8 col-sm-8">{{input class="input-group-content" type="date" value=endDate}}</div> -->
                     <div class="col-xs-8 col-sm-8">
                   {{ui/addon/bs-datetimepicker date=null placeholder="结束时间"
                     locale="zh-CN" iconClasses="fa fa-calendar"
                      show="dpShowAction"  change="changeEndDateAction"}}
                     </div>
                   </div>
                   <div class="btn-row text-center">
                     <button class="btn btn-primary"  {{action "hideDate"  on="click"}}><i class="fa fa-check icon-white"></i>&ensp;确定</button>
                     <button class="btn btn-light-grey"  {{action "hideDate" on="click"}}><i class="fa fa-times"></i>&ensp;取消</button>
                   </div>
               </div>
               <!-- End 日期选择弹窗 -->
               {{else}}
               {{/if}}
             </span>
           </div>
        	  <!--搜索-->
          </div>

      	  <div class="user-add-btn col-sm-3 nopadding-right">
            {{#ui/mix-button class="user-btn pull-right" iconClass="fa-plus"  text='添加预订信息'  clickAction="toDetailPage" toDetailPage="toDetailPage"}}
            {{/ui/mix-button}}
          </div>
      	</div>
        <table id="datatable1" cellpadding="0" cellspacing="0" border="0"  class="datatable table table-bordered table-hover dataTable" aria-describedby="datatable1_info">
          <thead>
            <tr role="row">
              <th rowspan="1" colspan="1" width="">客户姓名</th>
              <th rowspan="1" colspan="1" width="">电话</th>
              <th rowspan="1" colspan="1" width="">床位信息</th>
							<th rowspan="1" colspan="1" width="">经办人</th>
              <th rowspan="1" colspan="1" width="">办理状态</th>
              <th rowspan="1" colspan="1" width="">入住状态</th>
              <th rowspan="1" colspan="1" width="">操作</th>
            </tr>
          </thead>
          <tbody>
            {{#each flowList as |flow|}}
            <tr>
              <td {{action "toDetail" flow on="click"}}>{{flow.customer.name}}</td>
              <td {{action "toDetail" flow on="click"}}>{{flow.telphone}}</td>
              <td {{action "toDetail" flow on="click"}}>{{flow.bed.name}}</td>
              <td {{action "toDetail" flow on="click"}}>{{flow.staff.name}}</td>
              <td {{action "toDetail" flow on="click"}}>{{flow.tempFlagName}}</td>
              <td {{action "toDetail" flow on="click"}}>{{flow.status.typename}}</td>
              <td {{action "toEdit" flow on="click"}}><a>{{flow.operatingName}}</a></td>
            </tr>
            {{/each}}
          </tbody>
        </table>
        {{#if flowList }}
            {{page-numbers content=flowList showFL=true numPagesToShow=5}}
            {{else}}
                <h1 class="col-sm-12 center unTask"></h1>
        {{/if}}
      </div>
    </div>
  </div>
  <!-- /BOX -->
</div>
